﻿@model GuRenFang.Service.Entity.Pager<GuRenFang.Service.Entity.WeddingCategory>
@{
    ViewBag.Title = "古人坊-古装婚纱摄影作品展示";
}
<div class="FullWidthContainer">
    <div class="FullWidthTopHader"></div>
    <div class="FullWidthContent">
        <div class="page-header">
            <div class="clear-fix">
                <div class="float-left">
                    <h2>婚纱摄影作品展示 <small>按作品分类显示</small></h2>
                </div>
                @Html.Partial("_Pager", Model.Item)
            </div>
        </div>
        <ul class="thumbnails" id="showcase">
            @foreach (var item in Model.DataSource)
            {
                <li class="span2">
                    <a href="@Url.Content("~/Wedding/Category?id=" + @item.Id + "&name=" + Url.Encode(@item.Name))" title="@item.Name" class="thumbnail">
                        <img src="@Url.Content("~"+item.ThumbnailPath)" alt="@item.Name" /></a>
                    <span>
                        <a href="@Url.Content("~/Wedding/Category?id=" + @item.Id + "&name=" + Url.Encode(@item.Name))" >@item.Name</a></span>
                </li>
            }
        </ul>
        <div class="clear-fix"></div>
    </div>
    <div class="FullWidthFooter"></div>
</div>
@section DocumentReady{
    $("<span class='newcover'></span>").appendTo($("li.span2").eq(0));
    $("<span class='newcover'></span>").appendTo($("li.span2").eq(1));
    $("#showcase").find("img").hover(
    function () { $(this).css("opacity", "0.5"); }, function () { $(this).css("opacity", "1"); }
    );
}